<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>登录</title>
    <link rel="stylesheet" href="css/login.css" />
    <!-- <script src="js/jquery-1.11.0.js"></script> -->
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <script src="js/login.js"></script>
  </head>
  <body>
    <div class="jx-log">
      <!-- 头部 -->
      <div class="jx-log-header">
        <div class="log-left">
          <img src="img/logo.png" alt="" />
          <img src="img/zhuceslogan.jpg" alt="" />
        </div>
        <div class="log-help">
          帮助中心
        </div>
        <div class="log-right">
          欢迎来到酒仙网！
          <a href="regist.html">免费注册</a>
        </div>
      </div>
    </div>
      <!-- 主体 -->
      <div class="log-main">
        <div class="log-content">
          <div class="log-contentbd">
            <a href="javascript:void(0)" class="ewmloginlink">
              <i></i>
            </a>
            <a href="javascript:void(0)" class="pcloginlink">
              <i></i>
            </a>
            <!-- 账号登录 -->
            <div class="logincon">
              <div class="logintop">
                <a href="javascript:void(0)" class="as">账号登录</a>
                <span>|</span>
                <a href="javascript:void(0)" class="as">手机动态密码登录</a>
              </div>
              <div class="loginmain">
                <div class="frame zhanghao">
                  <i></i>
                  <input type="text" placeholder="用户名/邮箱/手机号">
                </div>
                <div class="frame mima">
                  <i></i>
                  <input type="password" placeholder="密码">
                </div>
                <!-- <div class="frame yanzhengma">
                  <i></i>
                  <input type="text" placeholder="验证码">
                </div> -->
                <input type="button" value="登录" class="denglu">
                <p>
                  <a href="regist.html">免费注册</a>
                  <a href="">忘记密码</a>
                </p>
              </div>
              <div class="loginmain" style="display: none;">
                <div class="frame zhanghao">
                  <i></i>
                  <input type="text" placeholder="手机号">
                </div>
                <div class="frame mima">
                  <i></i>
                  <input type="text" placeholder="验证码">
                </div>
                <div class="frame yanzhengma">
                  <i></i>
                  <input type="text" placeholder="获取验证码">
                </div>
                <input type="button" value="登录" class="denglu">
              </div>
              <div class="loginfoot">
                <b class="left">使用合作账号登录</b>
                <a href="" class="a1 same"></a>
                <a href="" class="a2 same"></a>
                <a href="" class="a3 same"></a>
                <a href="" class="a4 same"></a>
              </div>
            </div>
            <!-- 扫码登录 -->
            <div class="ewmcon">
              <h2>扫码登录</h2>
              <img src="img/erweima.jpg" alt="">
            </div>
          </div>
        </div>
      </div>
      <!-- 尾部 -->
      <div class="jx-log-footer">
        <div class="log-footer">
          <p class="beian">
            © 酒仙网 2011 jiuxian.com All Rights Reserved
            <a href="#">京ICP证110141号</a> 京公网安备1101050188221
          </p>
          <p class="red">
            购买前请确认达到法定饮酒年龄！酒仙网不销售任何含酒精产品给18岁以下人士！
          </p>
        </div>
      </div>
    </div>
    <script>
        let as=document.getElementsByClassName("as");
        let loginmains=document.getElementsByClassName("loginmain");
        for(let i=0;i<as.length;i++){
          as[i].onclick=function(){
            for(let j=0;j<as.length;j++){
              loginmains[j].style.display="none";
            }
            as[i].index=i;
            loginmains[i].style.display="block";
          }
        }
    </script>
  </body>
</html>
